<!DOCTYPE html>
<html lang="en">
<head>
    <title>徐州精诚特卫保安服务有限公司</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/attendanceClassManager.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/style.js"></script>
    <script src="js/attendanceClassManager.js"></script>
    <script src="js/global.js"></script>
    <script src="js/timeInput.js"></script>
    <style type="text/css" rel="stylesheet">
        .tbody-td-id{
            position: relative;
        }
        input.select-box{
            height: 18px;
            width: 18px;
            position: absolute;
            left: 8px;
            top: 5px;
        }

    </style>

</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
             运营管理   <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="personnelAnalysis.html">人事管理</a></li>
                <li class="active"><a href="marketingManager.html">营销管理</a></li>
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid  main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li">
                <a href="marketingManager.html" class="menu-link">
                    <img src="imgs/task.png">
                    <div>考勤首页</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush_fill.png">
                    <div>考勤设置    <span class="glyphicon glyphicon-triangle-bottom"></span></div>
                </a>
                <ul class="sub-menu">
                    <li class="sub-menu-li">
                        <a href="attendanceGroupManager.html" class="sub-menu-link">
                            考勤组管理
                        </a>
                    </li>
                    <li class="sub-menu-li sub-li-active">
                        <a href="attendanceClassManager.html" class="sub-menu-link">
                            班次管理
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a class="sub-menu-link">
                            加班规则
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>考勤统计    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="attendanceMonthSummary.html" class="sub-menu-link">
                            月度汇总
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a  href="attendanceDailyStatistics.html" class="sub-menu-link">
                            每日统计
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a  href="attendancePunchTime.html" class="sub-menu-link">
                            打卡时间
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a  href="attendanceOriginalRecord.html" class="sub-menu-link">
                            原始记录
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="right-panel">
        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>班次管理</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-4">
                            <input id="className-input" type="text" class="form-control" placeholder="请输入班次名称">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" onclick="searchsByName()">搜索</button>
                                <button class="btn btn-default" type="button" onclick="getAllClassInformation()">搜索全部</button>
                            </span>
                        </div>
                    </div>
                    <div class="search-right">
                        <!--<button class="btn btn-default" data-toggle="modal" data-target="#myModal-makeSureDeleteInBatch">批量删除</button>-->
                        <span class="btn-group">
                            <button class="btn btn-default" type="button"  data-toggle="modal" data-target="#myModal-lateType" onclick="getAllLateType()">
                            迟到类型
                            </button>
                            <button class="btn btn-default" type="button"  data-toggle="modal" data-target="#myModal-classType" onclick="getAllClassType()">
                            班次类型
                            </button>
                            <button class="btn btn-default" type="button"  data-toggle="modal" data-target="#myModal-addClass" onclick="emptyAddClassModal()">
                            添加班次
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="table-body">
                <table class="table table-bordered" style="margin-top: 50px">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 34px;position: relative"><input id="select-all" class="select-box" type="checkbox"></th>
                        <th>班次名称</th>
                        <th>班次类型</th>
                        <th>迟到类型</th>
                        <th style="width: 50px">修改</th>
                        <th style="width: 50px">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="class-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="class-name"></td>
                        <td class="class-classTypeName" style="padding: 0">
                            <!--<span>上午班<br>上午班<br>上午班</span>-->
                        </td>
                        <td class="class-lateTypeName" style="padding: 0">
                            <!--<span style="display:block; line-height: 25px;height: 50px">严重迟到<br>轻微迟到</span>-->
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-modifyClass" onclick="setModifyClassModal(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteModal(this, '班次')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" id="page_num" class="form-control" placeholder="0">
                            <span class="input-group-btn">
                                <button id="jump-button" onclick="" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span>1/255</span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!------------------------------------------------添加班次modal--------------------------------------------------->
<div class="modal fade" id="myModal-addClass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >添加班次</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-className" class="col-xs-3 control-label">班次名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-className" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-selectClassType" class="col-xs-3 control-label">班次类型</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-selectClassType" data-toggle="modal" data-target="#myModal-selectClassType" onclick="getAllClassType_class('add')">
                        </div>
                    </div>
                    <hr style="border:0.5px solid #E5E5E5;margin-bottom: 10px">
                    <div class="form-group" style="margin-top: 10px">
                        <label class="col-xs-3 control-label">迟到类型(可多选)</label>
                        <ul class=" SelectLateType-menu-ul col-xs-7">
                            <li style="position: relative"><input class="selectLateType-box" id="select-all-lateType-add" type="checkbox"><a value="" style="margin-left: 20px;color: #2e6da4">全选</a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="selectLateType-box select-sub-box-add" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addMyClass()">确认</button>
            </div>
        </div>
    </div>
</div>

<!------------------------------------------------修改班次modal--------------------------------------------------->
<div class="modal fade" id="myModal-modifyClass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改班次</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-modifyClassID" class="col-xs-3 control-label">班次编号</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyClassID" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modifyClassName" class="col-xs-3 control-label">班次名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyClassName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modifyClassType" class="col-xs-3 control-label">班次类型</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyClassType" data-toggle="modal" data-target="#myModal-selectClassType" onclick="getAllClassType_class('modify')">
                        </div>
                    </div>
                    <hr style="border:0.5px solid #E5E5E5;margin-bottom: 10px">
                    <div class="form-group" style="margin-top: 10px">
                        <label class="col-xs-3 control-label">迟到类型(可多选)</label>
                        <ul class=" modifyLateType-menu-ul col-xs-7">
                            <li style="position: relative"><input class="modifyLateType-box" id="select-all-lateType-modify" type="checkbox"><a value="" style="margin-left: 20px;color: #2e6da4">全选</a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                            <li class="hidden" style="position: relative;margin-top: 1px"><input class="modifyLateType-box select-sub-box-modify" type="checkbox"><a value="" style="margin-left: 20px"></a></li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="modifyMyClass()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>

<!----------------------------------迟到类型modal-------------------------------------------->
<div class="modal fade" id="myModal-lateType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >迟到类型</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 12px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="table-body" style="margin-top: 0px">
                            <table class="table table-striped">
                                <thead >
                                <tr>
                                    <th>名称</th>
                                    <th style="border-right:1px solid #E5E5E5">分钟数</th>
                                    <th style="width: 50px">修改</th>
                                    <th style="width: 50px">删除</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="lateType-name"></td>
                                    <td class="lateType-minutes" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyLateType" onclick="setModifyLateTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteLateType" onclick="setMakeSureDeleteLateTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal-addLateType">添加</button>
            </div>
        </div>
    </div>
</div>

<!----------------------------------添加迟到类型modal-------------------------------------------->
<div class="modal fade" id="myModal-addLateType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >添加迟到类型</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-addLateTypeName" class="col-xs-3 control-label">迟到类型名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-addLateTypeName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-addLateTypeMinutes" class="col-xs-3 control-label">迟到分钟数</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-addLateTypeMinutes" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addLateType()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>

<!----------------------------------修改迟到类型modal-------------------------------------------->
<div class="modal fade" id="myModal-modifyLateType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改迟到类型</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-modifyLateTypeID" class="col-xs-3 control-label">迟到类型ID</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyLateTypeID" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modifyLateTypeName" class="col-xs-3 control-label">迟到类型名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyLateTypeName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modifyLateTypeMinutes" class="col-xs-3 control-label">迟到分钟数</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modifyLateTypeMinutes" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="modifyLateType()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>

<!------确定删除迟到类型modal------->
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDeleteLateType" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要删除？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteLateType()" data-dismiss="modal">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>

<!------------------------------班次类型modal------------------------------->
<div class="modal fade bs-example-modal-lg" style="width: 90%; margin-left: 5%" id="myModal-classType" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg" style="margin: 30px 0px;width: 100%" role="document">
        <div class="modal-content" style="width: 100%">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >班次类型</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="table-body" style="margin-top: 0px">
                            <table class="table table-striped">
                                <thead >
                                <tr>
                                    <th style="width: 100px">名称</th>
                                    <th>开始时间</th>
                                    <th>结束时间</th>
                                    <th>多少分钟前开始打卡</th>
                                    <th>多少分钟后结束打卡</th>
                                    <th>休息开始时间</th>
                                    <th>休息结束时间</th>
                                    <th>休息时间</th>
                                    <th style="border-right:1px solid #E5E5E5">工作时间</th>
                                    <th style="width: 50px">修改</th>
                                    <th style="width: 50px">删除</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                <tr class="table-tr hidden">
                                    <td class="classType-name"></td>
                                    <td class="classType-startTime"></td>
                                    <td class="classType-endTime"></td>
                                    <td class="classType-beforeMinute"></td>
                                    <td class="classType-afterMinute"></td>
                                    <td class="classType-startBreakTime"></td>
                                    <td class="classType-endBreakTime"></td>
                                    <td class="classType-breakPeriod"></td>
                                    <td class="classType-workPeriod" style="border-right:1px solid #E5E5E5"></td>
                                    <td class="">
                                        <a class="" data-toggle="modal" data-target="#myModal-modifyClassType" onclick="setModifyClassTypeModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal-makeSureDeleteClassType" onclick="setMakeSureDeleteClassTypeValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal-addClassType">添加</button>
            </div>
        </div>
    </div>
</div>

<!----------------------------------添加班次类型modal-------------------------------------------->
<div class="modal fade" id="myModal-addClassType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加班次类型</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 12px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-addClassTypeName" class="col-xs-2 control-label">类型名称</label>
                        <div class="col-xs-4">
                            <input type="text" class="form-control" id="modal-addClassTypeName" >
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-2 control-label">上下班时间</label>
                        <label for="modal-addClassTypeStartTime" class="col-xs-2 control-label">上班：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-addClassTypeStartTime" >
                        </div>
                        <label for="modal-addClassTypeEndTime" class="col-xs-2 control-label">下班：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-addClassTypeEndTime" >
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-2 checkbox-div">
                            <label >休息时间</label>
                        </div>
                        <label for="modal-addClassTypeStartBreakTime" class="col-xs-2 control-label">休息开始：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-addClassTypeStartBreakTime" >
                        </div>
                        <label for="modal-addClassTypeEndBreakTime" class="col-xs-2 control-label">休息结束：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-addClassTypeEndBreakTime" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-2 control-label">打卡时间</label>
                        <label for="modal-addClassTypeBeforeMinute" class="col-xs-3 control-label">几分钟前开始打卡：</label>
                        <div class="col-xs-2">
                            <input type="text" class="form-control" id="modal-addClassTypeBeforeMinute" >
                        </div>
                        <label for="modal-addClassTypeAfterMinute" class="col-xs-3 control-label">几分钟后结束打卡：</label>
                        <div class="col-xs-2">
                            <input type="text" class="form-control" id="modal-addClassTypeAfterMinute" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addClassType()">确认</button>
            </div>
        </div>
    </div>
</div>

<!----------------------------------修改班次类型modal-------------------------------------------->
<div class="modal fade" id="myModal-modifyClassType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改班次类型</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-modifyClassTypeID" class="col-xs-3 control-label">班次类型ID</label>
                        <div class="col-xs-5">
                            <input type="text" class="form-control" id="modal-modifyClassTypeID" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modifyClassTypeName" class="col-xs-3 control-label">班次类型名称</label>
                        <div class="col-xs-5">
                            <input type="text" class="form-control" id="modal-modifyClassTypeName" >
                        </div>
                    </div>

                   <!--<div class="form-group">
                        <label class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px">上下班时间</label>
                        <label for="modal-modifyClassTypeStartTime" class="col-xs-2 control-label">上班：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-modifyClassTypeStartTime" >
                        </div>
                        <label for="modal-modifyClassTypeEndTime" class="col-xs-2 control-label">下班：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-modifyClassTypeEndTime" >
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-2 checkbox-div">
                            <label >休息时间</label>
                        </div>
                        <label for="modal-modifyClassTypeStartBreakTime" class="col-xs-2 control-label">休息开始：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-modifyClassTypeStartBreakTime" >
                        </div>
                        <label for="modal-modifyClassTypeEndBreakTime" class="col-xs-2 control-label">休息结束：</label>
                        <div class="col-xs-3">
                            <input type="time" class="form-control" id="modal-modifyClassTypeEndBreakTime" >
                        </div>
                    </div>-->
                  <div class="form-group">
                        <label class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px">上下班时间</label>
                        <label for="modal-modifyClassTypeStartTime" class="col-xs-2 control-label">上班：</label>
                      <div class="col-xs-3" style="display: inline-block;">
                        <div class="input-group date form_time">
                            <input type="text" class="form-control" value="hh:ii" id="modal-modifyClassTypeStartTime" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                        </div>
                      </div>
                        <label for="modal-modifyClassTypeEndTime" class="col-xs-2 control-label">下班：</label>
                          <div class="col-xs-3" style="display: inline-block;">
                        <div class="input-group date form_time">
                            <input type="text" class="form-control" value="hh:ii" id="modal-modifyClassTypeEndTime" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                        </div>
                          </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-2 checkbox-div">
                            <label >休息时间</label>
                        </div>
                        <label for="modal-modifyClassTypeStartBreakTime" class="col-xs-2 control-label">休息开始：</label>
                        <div class="col-xs-3" style="display: inline-block;">
                        <div class="input-group date form_time ">
                            <input type="text" class="form-control" value="hh:ii" id="modal-modifyClassTypeStartBreakTime" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                        </div>
                        </div>
                        <label for="modal-modifyClassTypeEndBreakTime" class="col-xs-2 control-label">休息结束：</label>
                        <div class="col-xs-3" style="display: inline-block;">
                        <div class="input-group date form_time">
                            <input type="text" class="form-control" value="hh:ii" id="modal-modifyClassTypeEndBreakTime" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                        </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-2 control-label">打卡时间</label>
                        <label for="modal-modifyClassTypeBeforeMinute" class="col-xs-3 control-label">几分钟前开始打卡：</label>
                        <div class="col-xs-2">
                            <input type="text" class="form-control" id="modal-modifyClassTypeBeforeMinute" >
                        </div>
                        <label for="modal-modifyClassTypeAfterMinute" class="col-xs-3 control-label">几分钟后结束打卡：</label>
                        <div class="col-xs-2">
                            <input type="text" class="form-control" id="modal-modifyClassTypeAfterMinute" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="modifyClassType()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>

<!-------------------------------------------------------------选择班次类型 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-selectClassType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" value="">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择班次类型 </h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectClassType-ul col-xs-6" style="height: 200px;overflow-y: scroll">
                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: scroll">
                            <ul class="selectedClassType-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" value="" onclick="selectedClassType()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!------确定删除班次类型modal------->
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDeleteClassType" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要删除？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteClassType()" data-dismiss="modal">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
<!------确定删除modal------->
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDelete" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="" data-value="">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <span></span>
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="makeSureDelete()" data-dismiss="modal">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
</body>
</html>